import React , {Component} from 'react';

export default class Demo2 extends Component {
    render() {
        const name='JSX';

        const func=()=>{
            let result = 'hello ';
            if (name){
                result += name;
            }else{
                result += 'world';
            }
            return result;
        };
        return (
            <li>
                {/*JavaScript表达式要求必须有返回值，因此无法直接使用if else语句，
                但是可以使用三元操作表达式以及||和＆＆这样的比较运算符来书写。
                如果确实需要使用if else语句，可以将其写在函数中，然后在{}中调用。*/}
                <h3>Demo2 JavaScript表达式</h3>
                <p>hello{name||'world'}</p>
                <p className={name ? 'class-a':'class-b'}>
                    hello{name && 'world'}
                </p>
                <p>
                    {func()}
                </p>
            </li>
        );
    }
}




